
import React from 'react';
import { View, StyleSheet, SafeAreaView } from 'react-native';

const FixedBottomPlayer = (props: any) => {
    const { children } = props
    return (
        <View style={styles.container}>
            <SafeAreaView style={styles.safeArea}>
                {children}
            </SafeAreaView>
        </View>
    );
};

const styles = StyleSheet.create({
    container: {
        position: 'absolute',
        bottom: 0,
        left: 0,
        right: 0,
        zIndex: 10,
        backgroundColor: '#fff',
        height: 48
    },
    safeArea: {
        backgroundColor: 'transparent'
    },
});

export default FixedBottomPlayer;
